<template>
  <el-row>
    <el-col :span="6" class="boxStyle">
      <div> {{ '仓库名称' }}</div>
      <el-input v-model="pageDataS.like_code" round placeholder="请输入" class="inputBoxS" />
    </el-col>
    <el-col :span="6" class="boxStyle">
      <div> {{ '库区名称' }}</div>
      <el-input v-model="pageDataS.like_name" round placeholder="请输入" class="inputBoxS" />
    </el-col>
    <el-col :span="6" class="boxStyle">
      <div>{{ '仓库状态' }}</div>
      <el-select v-model="pageDataS.status" round placeholder="请输入" class="inputBoxS">
        <el-option
          v-for="(item,index) in stutaList"
          :key="index"
          :label="item.label"
          :value="item.status"
        />
      </el-select>
    </el-col>
    <el-col :span="6" class="boxStyle btnBox">
      <el-button class="Btn leftBtn" round @click="searchFnn">搜索</el-button>
      <el-button class="Btn rightBtn" round @click="pageDataS={}">重置</el-button>
    </el-col>
  </el-row>
</template>

<script>
export default {
  props: {
    stutaList: {
      type: Array,
      default: () => {}
    }
  },
  data() {
    return {
      pageDataS: {}
    }
  },
  methods: {
    searchFnn() {
      this.$emit('searchFn', this.pageDataS)
    }
  }
}
</script>

<style >
</style>
